/*
  学习目标：JSX注意事项
*/

import React from 'react';
import ReactDOM from 'react-dom';

const ulNode2 = (
  //   1. 必须有根标签
  // 👍<></> 或  <React.Fragment></React.Fragment>
  <>
    <p>123</p>
    <h1>hello React</h1>
    {/*  2. 标签必须有关闭标记 */}
    <input id="box" type="text" />
    {/* 
      3. 关键字冲突:
        class => className
        for => htmlFor
    */}
    <label for="htmlFor">点我等同于点了input</label>
  </>
);

ReactDOM.render(ulNode2, document.getElementById('root'));
